<template>
  <div>
    <h3>组件一</h3>
    <!-- {{info}} -->
    <slot name="muban">具名插槽</slot>
    <slot :data="info">1111</slot>
  </div>
</template>
           
<script>
import bus from "@/test/bus.js";

export default {
    data () {
        return {
            info:"是什么组建yi"
        }
    },
  /* 事件监听  $on 事件监听,网络请求和都是异步  two向one传值 
  用datatoone这个方法,然后bus.$on 监听到这个方法在变, */
  created() {
    //     bus.$on("datatoone",function(data){
    // 这是个错误的写法 因为this 不是箭头函数 就会指向Windows
    //     console.log(data);
    //     this.info=data
    // })
    bus.$on("datatoone", data => {
      console.log(data);
      this.info = data;
    });
  }
};
</script>
<style lang="less" scoped>
</style>